import React, { useState,useEffect } from 'react';


function Fn (props){
    // let [a,seTa] = useState(0)
    // let [b,seTb] = useState('')
    // let [c,seTc] = useState({})
    let [d,seTd] = useState([])


    console.log('进入 Fn --------->>>')

    // console.log('a -------- 1 -->>>',a);
    // useEffect(() => {
    //     seTa(1);
        
    //     console.log('a -------- 3 -->>>',a);


    // },[]);
    // console.log('a -------- 2 -->>>',a);
    
    // console.log('b -------- 1 -->>>',b );

    // useEffect(() => {
    //     seTb('bbbb');
        
    //     console.log('b -------- 3 -->>>',b);

    // },[]);
        
    // seTb('bbb')
    // console.log('b -------- 2 -->>>',b);

    console.log('d -------- 1 -->>>',d);
    // seTd([1,2,4,3333]);
    useEffect(() => {
        seTd([1,2,4]);
        
        console.log('d -------- 3 -->>>',d);
        
    },[]);
    console.log('d -------- 2 -->>>',d);

    // console.log('a -------- 1 -->>>',a);
    // seTa(a += 1)
    // seEffect(() => {
    //     seTc({ccc:'ccc'});
        
    //     console.log('c -------- 3 -->>>',c);
        
    // },[]);
    // console.log('a -------- 2 -->>>',a);

    return (<div>
        Fn
    </div>)
}

export default Fn;
